@charset "UTF-8";
@import "compass";
//reset css

$bodyBgColor : #333943; //body background color
$navBarColor : #24282F; //nav bar background color
$leftMenuFontColor : #f1f1f1; //left menu font color
$leftMenuBorderTopColor : #3D454E; //left menu parent nav border-top color
$leftMenuBorderBottomColor : #24282F; //left menu parent nav border-bottom color
$leftChildMenuBgColor : #00BF9B; //left menu child nav background color

/*字体颜色变量*/
$font-default-color: #222;
$font-primary-color: #338bf1;
$font-info-color: #666;
$font-info-color-light: #888;
$font-danger-color: #ff5555;
$font-white-color: #fff;

/*背景颜色变量*/
$bg-default: #f5f5f5;
$bg-primary: #338bf1;
$bg-primary-light: #d2e7ff;
$bg-info: #e5e5e5;
$bg-danger: #ff5555;
$bg-black: #000;
$bg-white: #fff;

$bg-dark: #33384c;
$bg-dark2: #303341;

/*border */
$border-default:1px solid #e5e5e5;
$border-default-color: #e5e5e5;
$border-info-color: #ccc;
$border-primary-color: #338bf1;
$border-primary-color-light: #d2e7ff;
$border-danger-color: #ff5555;
$border-default-radius: 4px;

.clearfix { *zoom: 1; }
.clearfix:after { content: ""; display: table; clear: both; }
.none {display: none;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.hr {height: 1px;background: $bg-info;}
.c-danger,.red {color:$font-danger-color;}
.c-primary {color:$font-primary-color;}
.c-info {color:$font-info-color;}
.fz16 {font-size: 16px;}
.break-all {word-break: break-all;word-wrap: break-word;}
.break-word {word-wrap: break-word;text-align: left;}
.ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hidePwd {position: absolute; opacity: 0;left: -9999px;}


/*----------------------------start 公共的按钮样式----------------------*/
$btn-font-size: 14px;
$btn-width: 100px;
$btn-height: 36px;
$btn-sm-width: 70px;
$btn-sm-height: 30px;
$btn-lg-width: floor($btn-width*1.2);
$btn-lg2-width: floor($btn-width*1.5);
$btn-color: #338bf1;
$btn-bg: #fff;
$btn-border-color: #e5e5e5;

$btn-primary-color: #fff;
$btn-primary-bg: #338bf1;
$btn-primary-border-color: #2c76ce;

$btn-radius-color: #666;

$btn-info-bg: #f5f5f5;

$btn-disabled-color: #fff;
$btn-disabled-bg: #c8c8c8;
$btn-disabled-border-color: #c8c8c8;
$btn-tb: 5px;
$btn-lr: 15px;

@mixin btn() {
  display: inline-block;width: $btn-width;height: $btn-height;line-height: $btn-height;margin-bottom: 0;font-size: $btn-font-size;text-align: center;vertical-align: middle;cursor: pointer;
  border-radius: 4px;border-width: 1px;border-style: solid;
}

/*----------------------------end 按钮----------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: #e4e7ea url("images/loader.gif") no-repeat center center; }

/**
custom styles
*/
.navbar-inverse {
  background-color: #24282F; }

.navbar-inverse .navbar-collapse {
  background-color: #24282F; }

.navbar-inverse .dropdown-menu.user > li > a {
  padding-top: 8px;
  padding-bottom: 8px; }

body {
  background-color: #333943; }

body .content-body {
  padding: 0; }

.main {
  padding: 50px 0px 0px 0px;
  width: 100%; }

.main .left-section {
  float: left;
  width: 20%; }

.main .left-section .nav .nav-parent > a {
  color: #f1f1f1;
  font-family: "微软雅黑";
  font-size: 14px;
  display: block;
  border-top: 1px solid #3D454E;
  border-bottom: 1px solid #24282F; }

.main .left-section .nav .nav-parent > a:hover, .main .left-section .nav .nav-parent > a:active, .main .left-section .nav .nav-parent > a:visited, .main .left-section .nav .nav-parent > a:focus {
  background-color: #333943; }

.main .left-section .nav .nav-parent .children {
  padding: 0;
  display: none; }

.main .left-section .nav .nav-parent .children .active a {
  background-color: #00BF9B;
  color: #ffffff; }

.main .left-section .nav .nav-parent .children a {
  display: block;
  padding: 6px 10px 6px 30px;
  color: #6B8182; }

.main .left-section .nav .nav-parent .children a:hover {
  background-color: #00BF9B;
  text-decoration: none;
  color: #ffffff; }

.main .right-section {
  padding: 0;
  float: left;
  width: 80%;
  background: #ffffff; }

.main .right-section .inner-iframe .breadcrumb {
  background-color: #D4D4D4;
  border-radius: 0;
  line-height: 2;
  margin-bottom: 10px; }

.main .right-section .inner-iframe .breadcrumb .glyphicon-chevron-right {
  font-size: 10px;
  font-weight: 200; }

.main .right-section .inner-iframe .inner-container {
  padding: 10px 20px; }

.main .right-section .inner-iframe .inner-container .content-add-form .btn-group {
  margin-top: 20px;
  margin-bottom: 30px; }

.btn-group-or {
  position: relative; }

.btn-group-or .btn-primary {
  padding-right: 20px; }

.btn-group-or .btn-default {
  padding-left: 20px; }

.btn-group-or .or {
  position: absolute;
  z-index: 10;
  padding: 5px;
  width: 30px;
  height: 30px;
  left: 74px;
  top: 2px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 15px;
  background-color: #5CB85C;
  color: #ffffff; }

.form-group .glyphicon-asterisk {
  color: #cc0000; }

.checkbox-group {
  padding-top: 8px; }

.pop-layer-box {
  padding: 10px 20px; }

.text-error {
  color: #cc0000; }

.img-upload {
  cursor: pointer;
  margin-left: 5px;
  display: block;
  width: 118px;
  height: 118px;
  border: 1px solid #ccc;
  margin-top: 4px; }

.img-upload .glyphicon-picture {
  font-size: 40px;
  display: block;
  margin-top: 20px; }

.img-upload .upload-text {
  display: block;
  padding: 10px 20px; }

.import-input {
  border: 1px solid red;
  width: 100%;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -moz-opacity: 0; }

.form-search .form-group {
  margin-bottom: 10px; }

.form-search .btn-success {
  margin-bottom: 10px; }

.form-search .mdate {
  max-width: 100px;
  display: inline-block; }

@media (min-width: 1200px) {
  .main .left-section {
    width: 15%; }

  .main .right-section {
    width: 85%; } }
.pagination .form-inline {
  padding: 0px; }

.pagination .form-inline span {
  display: inline-block;
  padding: 0px 10px;
  line-height: 32px; }

.pagination .form-inline span .input-sm {
  padding: 0px;
  height: 22px; }

footer {
  margin: 0px 0px 0px 0px;
  padding: 10px 20px;
  color: #fff !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px; }

footer a {
  color: #999999; }

.select2-container {
  position: relative;
  z-index: 9001;
  min-width: 577px; }

.icheck-label {
  margin-right: 15px; }

.error-page {
  width: 600px;
  margin: 20px auto 0 auto; }

.error-page .headline {
  font-size: 100px;
  font-weight: 300; }

.text-yellow {
  color: #f39c12 !important; }

.text-red {
  color: #dd4b39 !important; }

.bootstrap-switch-swrap {
  min-width: 100px; }

.dropdown-menu {
  min-width: 80px; }

.bg-text {
  padding: 15px; }

.icon-group {
  position: absolute;
  display: inline-block;
  margin-left: 10px; }

.icon-group .glyphicon {
  font-size: 30px;
  margin-right: 5px; }

.area-select .form-control {
  margin-right: 10px; }

img.selected {
  border: 1px solid #cc0000; }

.table-bordered .input-sm {
  font-size: 14px; }

.permission-item {
  padding: 10px 15px; }

.assocul {
  border: 1px solid #ccc;
  list-style: none;
  padding: 0px;
  height: 150px;
  border-radius: 5px;
  overflow: scroll; }

.assocul li {
  padding: 5px 15px; }

.assocul li:nth-child(odd) {
  background: #f9f9f9; }

.assocul li:hover {
  background: #efefef; }

.assocview {
  padding: 0px;
  position: absolute;
  top: 33px;
  left: 15px;
  border: 1px solid #ccc;
  width: 100%;
  z-index: 999;
  background: #fff;
  border-radius: 5px; }

.assocview span {
  padding: 5px 10px;
  display: block;
  width: 100%;
  cursor: pointer; }

.assocview span:last-child {
  border-bottom: 1px solid #aaa; }

.assocview em {
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  display: block;
  width: 100%; }

.assocview span:nth-child(odd) {
  background: #f9f9f9; }

.assocview span:hover(odd) {
  background: #efefef; }

.assoc-alertbox .content {
  height: 400px;
  overflow-y: scroll;
  width: 100%; }

.assoc-alertbox .content .table {
  margin-top: 5px; }

.assoc-alertbox .input-sm {
  height: 22px;
  line-height: 22px; }

.assoc-alertbox .content .table > thead > tr > th, .assoc-alertbox .content .table > tbody > tr > th, .assoc-alertbox .content .table > tfoot > tr > th, .assoc-alertbox .content .table > thead > tr > td, .assoc-alertbox .content .table > tbody > tr > td, .assoc-alertbox .content .table > tfoot > tr > td {
  padding: 1px; }

.assoc-alertbox .pagination {
  margin: 0px; }

.form-horizontal .form-group .asterisk {
  color: #f00;
  font-size: 120%; }

.asterisk {
  color: #f00;
  font-size: 120%; }

.form-horizontal .form-group.text-error {
  padding-left: 228px; }

.form-horizontal .control-label.my-left {
  text-align: left;
  float: left; }

.my-left {
  text-align: left;
  float: left; }

.area-wrap .form-control {
  display: inline-block;
  width: auto; }

label.error {
  color: #cc0000;
  font-weight: normal; }

.unhandle-message .badge {
  background: #dc4848; }

.unhandle-message .unhandle-message-ul {
  width: 300px;
  padding: 4px 6px; }

.unhandle-message .unhandle-message-ul li {
  padding: 5px 3px;
  border-bottom: 1px solid #eee;
  text-align: center; }

.unhandle-message .unhandle-message-ul li a {
  word-wrap: break-word;
  white-space: normal; }

.table-form {
  margin: 20px; }

.table-form th {
  font-weight: normal;
  text-align: right;
  color: #666; }

.table-form th, .table-form td {
  padding: 5px 10px; }

.table-form .form-control {
  display: inline-block;
  width: 120px;
  padding: 5px;
  margin-right: 15px;
  border: 1px solid #e5e5e5; }

.table tbody .btn-xs {
  margin-bottom: 3px; }

/*---------------------会员中心的样式摘抄-------------------------*/
.uc_table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  text-align: center;
  border: 1px solid #e5e5e5; }

.uc_table td {
  padding: 0 5px; }

.uc_table thead {
  height: 48px;
  line-height: 48px;
  background: #e5e5e5;
  color: #666;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.uc_table tbody tr {
  border-bottom: 1px solid #e5e5e5; }

.uc_table tbody td {
  height: 80px;
  border-right: 1px solid #e5e5e5;
  /* &:last-child a{padding-left: 30%;text-align: left;}*/ }

.uc_table tbody td a {
  display: block; }

/*MPE在线平台交易框架协议*/
.contract_txt {
  color: #666; }

.contract_txt h2.title {
  text-align: center;
  font-size: 27px;
  background-color: #eee;
  height: 60px;
  line-height: 60px; }

.contract_txt p {
  text-indent: 2em;
  margin-bottom: 10px; }

.contract_txt .section {
  margin: 30px 20px; }

.contract_txt .section h2 {
  margin-bottom: 15px; }

.contract_txt .section table {
  width: 93%;
  margin: auto;
  text-align: center; }

.contract_txt .section table input {
  width: 100%;
  border: none; }

.contract_txt .section table th {
  font-weight: normal;
  letter-spacing: 2px; }

.contract_txt .section table td, .contract_txt .section table th {
  border-right: 1px solid #e5e5e5;
  height: 56px;
  word-wrap: break-word;
  font-weight: normal; }

/*.contract_txt .section input { text-align: center; border: none; border-bottom: 1px solid #666; width: 82px; }*/
.contract_txt .section .content {
  margin: 0 2em;
  line-height: 24px; }

.contract_txt .section .content span {
  display: block; }

.contract_txt .section .content .lg {
  width: 460px; }

.contract_txt .section dl {
  line-height: 55px;
  font-weight: bold; }

//纵向表单样式
.formLayer {margin-top: 30px;}
.form-block {
  .form-control {border: $border-default;margin-right: 10px;@include transition(all,0.3s);
    &.error {border-color: $font-danger-color;@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 110, 158, 0.75));}
    &:focus {border-color: #8cd2ff;outline: 0;@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6));}
  }
  dl {@extend .clearfix;}
  dt {float: left;width: 110px;line-height: 38px;margin-right: 15px;text-align: right;}
  dd {margin-left: 125px;margin-bottom: 15px;
    select.form-control {padding: 5px 5px 4px;}
    input.form-control {display: inline-block;width: 200px;height: 38px;line-height: 38px;padding: 0 5px;}
  }
  dd.setLine {line-height: 38px;}
  .text {
    dt,dd {height: auto;line-height: normal;}
  }
  textarea.full { width:100%;padding: 5px;box-sizing: border-box;}
  .radio-wrap,.checkbox-wrap {line-height: 38px;}
  .btn-group {margin-left: 15px;text-align: left;}
  .bottom-btn {padding: 20px 0;
    .btn {margin-right: 15px;}
  }
  .get-code {@include btn;width: auto;min-width: 100px;color: $font-white-color;border-radius: 0;background: $bg-info;cursor: not-allowed;
    &.active {color: $font-primary-color;border: 1px solid $border-primary-color;cursor: pointer;background: none; }
  }
  label.error {color: $font-danger-color;padding-left: 5px;}
}
